<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>INSPINIA | Contacts</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <style>
        .ibox{
            margin-bottom: 0px;
        }
        .tab-content{
            margin-top:10px;
        }
        ul, li {margin:0; padding:0;}
    </style>
</head>

<body>

    <div id="wrapper">
        <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav metismenu" id="side-menu">
                    <li class="nav-header">
                        <div class="dropdown profile-element"> <span>
                            <img alt="image" src="./img/logo_blue.png" />
                             </span>
                            <ul class="dropdown-menu animated fadeInRight m-t-xs">
                                <li><a href="profile.html">Profile</a></li>
                                <li><a href="contacts.html">Contacts</a></li>
                                <li><a href="mailbox.html">Mailbox</a></li>
                                <li class="divider"></li>
                                <li><a href="login.html">Logout</a></li>
                            </ul>
                        </div>
                        <div class="logo-element">
                            CMCC
                        </div>
                    </li>
                    <li>
                        <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">参数导入</span></a>
                    </li>
                    <li>
                        <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">待处理</span></a>
                    </li>
                    <li>
                        <a href="metrics.html"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">工单派发</span></a>
                    </li>
                    <li>
                        <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">指标统计</span></a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">查询</span><span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level collapse">
                            <li><a href="form_basic.html">工单查询</a></li>
                            <li><a href="form_advanced.html">问题点查询</a></li>
                            <li><a href="form_wizard.html">专项项目列查询</a></li>
                            <li><a href="form_file_upload.html">问题集查询</a></li>
                            <li><a href="form_editors.html">暂挂库查询</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="basic_gallery.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">已处理</span>  </a>
                    </li>
                    <li>
                        <a href="graph_peity.html"><i class="fa fa-flask"></i> <span class="nav-label">工单统计</span></a>
                    </li>
                    <li class="active">
                        <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">帮助</span><span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level collapse">
                            <li class="active"><a href="contacts.html">工单规则</a></li>
                            <li><a href="profile.html">流程图</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="invoice.html"><i class="fa fa-files-o"></i> <span class="nav-label">使用统计</span></a>
                    </li>
                    <li>
                        <a href="typography.html"><i class="fa fa-flask"></i> <span class="nav-label">专项派发</span></a>
                    </li>
                    <li>
                        <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">一键处理</span></a>
                    </li>
                </ul>
            </div>
        </nav>

        <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
        <div class="navbar-header">
            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
            <form role="search" class="navbar-form-custom" action="search_results.html">
                <div class="form-group">
                    <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
                </div>
            </form>
        </div>
            <ul class="nav navbar-top-links navbar-right">
                <li>
                    <span class="m-r-sm text-muted welcome-message">网优中心-刘华明</span>
                </li>
                <li>
                    <a href="login.html">
                        <i class="fa fa-sign-out"></i> Log out
                    </a>
                </li>
            </ul>

        </nav>
        </div>
            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-9">
                    <h2>Contacts</h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="index.html">Home</a>
                        </li>
                        <li>
                            App Views
                        </li>
                        <li class="active">
                            <strong>Contacts</strong>
                        </li>
                    </ol>
                </div>
            </div>
        <div class="wrapper wrapper-content animated fadeInRight">
            <!--小区详情-->
        <div class="row">
            <!--tab切换按钮-->
            <ul id="maintab">
                <li class="col-xs-2 btn btn-sm btn-success">全部信息</li>
                <li class="col-xs-2 btn btn-sm btn-default">参数</li>
                <li class="col-xs-2 btn btn-sm btn-default">工参</li>
                <li class="col-xs-2 btn btn-sm btn-default">告警</li>
                <li class="col-xs-2 btn btn-sm btn-default">邻区</li>
                <li class="col-xs-2 btn btn-sm btn-default">性能</li>
            </ul>
        </div>
        <div class="row">
            <!--全部情况-->
            <div class="tab-content">
                <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>参数情况</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content" style="display:none">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped text-center">
                            <thead>
                            <tr>
                                <th class="text-center">小区名称</th>
                                <th class="text-center">CGI</th>
                                <th class="text-center">参数名称</th>
                                <th class="text-center">合规性标识</th>
                                <th class="text-center">现网配置</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>456</td>
                                <td>vdd-121356</td>
                                <td>canshu</td>
                                <td>biaoshi</td>
                                <td>xianwangpeizhi</td>
                            </tr>
                            <tr>
                                <td>456</td>
                                <td>vdd-121356</td>
                                <td>canshu</td>
                                <td>biaoshi</td>
                                <td>xianwangpeizhi</td>
                            </tr>
                            <tr>
                                <td>456</td>
                                <td>vdd-121356</td>
                                <td>canshu</td>
                                <td>biaoshi</td>
                                <td>xianwangpeizhi</td>
                            </tr>
                            <tr>
                                <td>456</td>
                                <td>vdd-121356</td>
                                <td>canshu</td>
                                <td>biaoshi</td>
                                <td>xianwangpeizhi</td>
                            </tr>
                            <tr>
                                <td>456</td>
                                <td>vdd-121356</td>
                                <td>canshu</td>
                                <td>biaoshi</td>
                                <td>xianwangpeizhi</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>工参情况</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content" style="display:none">
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped text-center">
                                <thead>
                                <tr>
                                    <th class="text-center">小区名称</th>
                                    <th class="text-center">CGI</th>
                                    <th class="text-center">参数名称</th>
                                    <th class="text-center">参数是否异常标识</th>
                                    <th class="text-center">现网参数配置值</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>xiaoqu</td>
                                    <td>dsg4-4863560</td>
                                    <td>城市</td>
                                    <td>异常</td>
                                    <td>xianwang</td>
                                </tr>
                                <tr>
                                    <td>xiaoqu</td>
                                    <td>dsg4-4863560</td>
                                    <td>城市</td>
                                    <td>异常</td>
                                    <td>xianwang</td>
                                </tr>
                                <tr>
                                    <td>xiaoqu</td>
                                    <td>dsg4-4863560</td>
                                    <td>城市</td>
                                    <td>异常</td>
                                    <td>xianwang</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>告警情况</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content" style="display:none">
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped text-center">
                                <thead>
                                <tr>
                                    <th class="text-center">小区名称</th>
                                    <th class="text-center">CGI</th>
                                    <th class="text-center">告警名称</th>
                                    <th class="text-center">发生时间</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>456</td>
                                    <td>vdd-121356</td>
                                    <td>小区故障</td>
                                    <td>2017-04-05/td>
                                </tr>
                                <tr>
                                    <td>456</td>
                                    <td>vdd-121356</td>
                                    <td>小区故障</td>
                                    <td>2017-04-05/td>
                                </tr>
                                <tr>
                                    <td>456</td>
                                    <td>vdd-121356</td>
                                    <td>小区故障</td>
                                    <td>2017-04-05/td>
                                </tr>
                                <tr>
                                    <td>456</td>
                                    <td>vdd-121356</td>
                                    <td>小区故障</td>
                                    <td>2017-04-05/td>
                                </tr>
                                <tr>
                                    <td>456</td>
                                    <td>vdd-121356</td>
                                    <td>小区故障</td>
                                    <td>2017-04-05/td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>邻区情况</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content" style="display:none">
                        <!--4G邻区-->
                        <h5>4G邻区</h5>
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped text-center">
                                <thead>
                                <tr>
                                    <th class="text-center">小区名称</th>
                                    <th class="text-center">CGI</th>
                                    <th class="text-center">邻区个数</th>
                                    <th class="text-center">是否漏配</th>
                                    <th class="text-center">现网邻区配置详情</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>yangguang</td>
                                    <td>dsg4-4863560</td>
                                    <td>5</td>
                                    <td>否</td>
                                    <td>xianwanglinqu</td>
                                </tr>
                                <tr>
                                    <td>yangguang</td>
                                    <td>dsg4-4863560</td>
                                    <td>5</td>
                                    <td>否</td>
                                    <td>xianwanglinqu</td>
                                </tr>
                                <tr>
                                    <td>yangguang</td>
                                    <td>dsg4-4863560</td>
                                    <td>5</td>
                                    <td>否</td>
                                    <td>xianwanglinqu</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <!--2G邻区-->
                        <h5>2G邻区</h5>
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped text-center">
                                <thead>
                                <tr>
                                    <th class="text-center">小区名称</th>
                                    <th class="text-center">CGI</th>
                                    <th class="text-center">邻区个数</th>
                                    <th class="text-center">是否漏配</th>
                                    <th class="text-center">现网邻区配置详情</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>yangguang</td>
                                    <td>dsg4-4863560</td>
                                    <td>5</td>
                                    <td>否</td>
                                    <td>xianwanglinqu</td>
                                </tr>
                                <tr>
                                    <td>yangguang</td>
                                    <td>dsg4-4863560</td>
                                    <td>5</td>
                                    <td>否</td>
                                    <td>xianwanglinqu</td>
                                </tr>
                                <tr>
                                    <td>yangguang</td>
                                    <td>dsg4-4863560</td>
                                    <td>5</td>
                                    <td>否</td>
                                    <td>xianwanglinqu</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>性能情况</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content" style="display:none">
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped text-center">
                                <thead>
                                <tr>
                                    <th class="text-center">小区名称</th>
                                    <th class="text-center">CGI</th>
                                    <th class="text-center">性能参数名</th>
                                    <th class="text-center">是否达标标识</th>
                                    <th class="text-center">现网指标值</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>xiaoqu</td>
                                    <td>vdd-121356</td>
                                    <td>XN-canshu</td>
                                    <td>biaoshi</td>
                                    <td>xianwangzhibiaozhi</td>
                                </tr>
                                <tr>
                                    <td>xiaoqu</td>
                                    <td>vdd-121356</td>
                                    <td>XN-canshu</td>
                                    <td>biaoshi</td>
                                    <td>xianwangzhibiaozhi</td>
                                </tr>
                                <tr>
                                    <td>xiaoqu</td>
                                    <td>vdd-121356</td>
                                    <td>XN-canshu</td>
                                    <td>biaoshi</td>
                                    <td>xianwangzhibiaozhi</td>
                                </tr>
                                <tr>
                                    <td>xiaoqu</td>
                                    <td>vdd-121356</td>
                                    <td>XN-canshu</td>
                                    <td>biaoshi</td>
                                    <td>xianwangzhibiaozhi</td>
                                </tr>
                                <tr>
                                    <td>xiaoqu</td>
                                    <td>vdd-121356</td>
                                    <td>XN-canshu</td>
                                    <td>biaoshi</td>
                                    <td>xianwangzhibiaozhi</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!--参数-->
            <div class="tab-content" style="display:none">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped text-center">
                        <thead>
                            <tr>
                            <th class="text-center">小区名称</th>
                            <th class="text-center">CGI</th>
                            <th class="text-center">参数名称</th>
                            <th class="text-center">合规性标识</th>
                            <th class="text-center">现网配置</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>456</td>
                            <td>vdd-121356</td>
                            <td>canshu</td>
                            <td>biaoshi</td>
                            <td>xianwangpeizhi</td>
                        </tr>
                        <tr>
                            <td>456</td>
                            <td>vdd-121356</td>
                            <td>canshu</td>
                            <td>biaoshi</td>
                            <td>xianwangpeizhi</td>
                        </tr>
                        <tr>
                            <td>456</td>
                            <td>vdd-121356</td>
                            <td>canshu</td>
                            <td>biaoshi</td>
                            <td>xianwangpeizhi</td>
                        </tr>
                        <tr>
                            <td>456</td>
                            <td>vdd-121356</td>
                            <td>canshu</td>
                            <td>biaoshi</td>
                            <td>xianwangpeizhi</td>
                        </tr>
                        <tr>
                            <td>456</td>
                            <td>vdd-121356</td>
                            <td>canshu</td>
                            <td>biaoshi</td>
                            <td>xianwangpeizhi</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!--工参-->
            <div class="tab-content" style="display:none">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped text-center">
                        <thead>
                            <tr>
                                <th class="text-center">小区名称</th>
                                <th class="text-center">CGI</th>
                                <th class="text-center">参数名称</th>
                                <th class="text-center">参数是否异常标识</th>
                                <th class="text-center">现网参数配置值</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>xiaoqu</td>
                                <td>dsg4-4863560</td>
                                <td>城市</td>
                                <td>异常</td>
                                <td>xianwang</td>
                            </tr>
                            <tr>
                                <td>xiaoqu</td>
                                <td>dsg4-4863560</td>
                                <td>城市</td>
                                <td>异常</td>
                                <td>xianwang</td>
                            </tr>
                            <tr>
                                <td>xiaoqu</td>
                                <td>dsg4-4863560</td>
                                <td>城市</td>
                                <td>异常</td>
                                <td>xianwang</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!--告警-->
            <div class="tab-content" style="display:none">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped text-center">
                        <thead>
                        <tr>
                            <th class="text-center">小区名称</th>
                            <th class="text-center">CGI</th>
                            <th class="text-center">告警名称</th>
                            <th class="text-center">发生时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>456</td>
                            <td>vdd-121356</td>
                            <td>小区故障</td>
                            <td>2017-04-05/td>
                        </tr>
                        <tr>
                            <td>456</td>
                            <td>vdd-121356</td>
                            <td>小区故障</td>
                            <td>2017-04-05/td>
                        </tr>
                        <tr>
                            <td>456</td>
                            <td>vdd-121356</td>
                            <td>小区故障</td>
                            <td>2017-04-05/td>
                        </tr>
                        <tr>
                            <td>456</td>
                            <td>vdd-121356</td>
                            <td>小区故障</td>
                            <td>2017-04-05/td>
                        </tr>
                        <tr>
                            <td>456</td>
                            <td>vdd-121356</td>
                            <td>小区故障</td>
                            <td>2017-04-05/td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!--邻区-->
            <div class="tab-content" style="display:none">
                <!--4G邻区-->
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>4G邻区</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped text-center">
                                <thead>
                                <tr>
                                    <th class="text-center">小区名称</th>
                                    <th class="text-center">CGI</th>
                                    <th class="text-center">邻区个数</th>
                                    <th class="text-center">是否漏配</th>
                                    <th class="text-center">现网邻区配置详情</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>yangguang</td>
                                    <td>dsg4-4863560</td>
                                    <td>5</td>
                                    <td>否</td>
                                    <td>xianwanglinqu</td>
                                </tr>
                                <tr>
                                    <td>yangguang</td>
                                    <td>dsg4-4863560</td>
                                    <td>5</td>
                                    <td>否</td>
                                    <td>xianwanglinqu</td>
                                </tr>
                                <tr>
                                    <td>yangguang</td>
                                    <td>dsg4-4863560</td>
                                    <td>5</td>
                                    <td>否</td>
                                    <td>xianwanglinqu</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <!--2G邻区-->
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>2G邻区</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped text-center">
                                <thead>
                                <tr>
                                    <th class="text-center">小区名称</th>
                                    <th class="text-center">CGI</th>
                                    <th class="text-center">邻区个数</th>
                                    <th class="text-center">是否漏配</th>
                                    <th class="text-center">现网邻区配置详情</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>yangguang</td>
                                    <td>dsg4-4863560</td>
                                    <td>5</td>
                                    <td>否</td>
                                    <td>xianwanglinqu</td>
                                </tr>
                                <tr>
                                    <td>yangguang</td>
                                    <td>dsg4-4863560</td>
                                    <td>5</td>
                                    <td>否</td>
                                    <td>xianwanglinqu</td>
                                </tr>
                                <tr>
                                    <td>yangguang</td>
                                    <td>dsg4-4863560</td>
                                    <td>5</td>
                                    <td>否</td>
                                    <td>xianwanglinqu</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!--性能-->
            <div class="tab-content" style="display:none">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped text-center">
                        <thead>
                            <tr>
                                <th class="text-center">小区名称</th>
                                <th class="text-center">CGI</th>
                                <th class="text-center">性能参数名</th>
                                <th class="text-center">是否达标标识</th>
                                <th class="text-center">现网指标值</th>
                            </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>xiaoqu</td>
                            <td>vdd-121356</td>
                            <td>XN-canshu</td>
                            <td>biaoshi</td>
                            <td>xianwangzhibiaozhi</td>
                        </tr>
                        <tr>
                            <td>xiaoqu</td>
                            <td>vdd-121356</td>
                            <td>XN-canshu</td>
                            <td>biaoshi</td>
                            <td>xianwangzhibiaozhi</td>
                        </tr>
                        <tr>
                            <td>xiaoqu</td>
                            <td>vdd-121356</td>
                            <td>XN-canshu</td>
                            <td>biaoshi</td>
                            <td>xianwangzhibiaozhi</td>
                        </tr>
                        <tr>
                            <td>xiaoqu</td>
                            <td>vdd-121356</td>
                            <td>XN-canshu</td>
                            <td>biaoshi</td>
                            <td>xianwangzhibiaozhi</td>
                        </tr>
                        <tr>
                            <td>xiaoqu</td>
                            <td>vdd-121356</td>
                            <td>XN-canshu</td>
                            <td>biaoshi</td>
                            <td>xianwangzhibiaozhi</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <!--
        <div class="row">
            <div class="col-lg-12">
                <img class="img-responsive" src="img/flow/rulemr.png">
            </div>
            <div class="col-lg-12">
                <img class="img-responsive" src="img/flow/ruleatu.png">
            </div>
            <div class="col-lg-12">
                <img class="img-responsive" src="img/flow/rulexn.png">
            </div>
            <div class="col-lg-4">
                <div class="contact-box">
                    <a href="profile.html">
                    <div class="col-sm-4">
                        <div class="text-center">
                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a2.jpg">
                            <div class="m-t-xs font-bold">Graphics designer</div>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <h3><strong>John Smith</strong></h3>
                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
                        <address>
                            <strong>Twitter, Inc.</strong><br>
                            795 Folsom Ave, Suite 600<br>
                            San Francisco, CA 94107<br>
                            <abbr title="Phone">P:</abbr> (123) 456-7890
                        </address>
                    </div>
                    <div class="clearfix"></div>
                        </a>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="contact-box">
                    <a href="profile.html">
                    <div class="col-sm-4">
                        <div class="text-center">
                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a1.jpg">
                            <div class="m-t-xs font-bold">CEO</div>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <h3><strong>Alex Johnatan</strong></h3>
                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
                        <address>
                            <strong>Twitter, Inc.</strong><br>
                            795 Folsom Ave, Suite 600<br>
                            San Francisco, CA 94107<br>
                            <abbr title="Phone">P:</abbr> (123) 456-7890
                        </address>
                    </div>
                    <div class="clearfix"></div>
                        </a>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="contact-box">
                    <a href="profile.html">
                    <div class="col-sm-4">
                        <div class="text-center">
                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a3.jpg">
                            <div class="m-t-xs font-bold">Marketing manager</div>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <h3><strong>Monica Smith</strong></h3>
                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
                        <address>
                            <strong>Twitter, Inc.</strong><br>
                            795 Folsom Ave, Suite 600<br>
                            San Francisco, CA 94107<br>
                            <abbr title="Phone">P:</abbr> (123) 456-7890
                        </address>
                    </div>
                    <div class="clearfix"></div>
                        </a>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="contact-box">
                    <a href="profile.html">
                    <div class="col-sm-4">
                        <div class="text-center">
                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a4.jpg">
                            <div class="m-t-xs font-bold">Sales manager</div>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <h3><strong>Michael Zimber</strong></h3>
                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
                        <address>
                            <strong>Twitter, Inc.</strong><br>
                            795 Folsom Ave, Suite 600<br>
                            San Francisco, CA 94107<br>
                            <abbr title="Phone">P:</abbr> (123) 456-7890
                        </address>
                    </div>
                    <div class="clearfix"></div>
                        </a>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="contact-box">
                    <a href="profile.html">
                    <div class="col-sm-4">
                        <div class="text-center">
                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a5.jpg">
                            <div class="m-t-xs font-bold">Graphics designer</div>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <h3><strong>Sandra Smith</strong></h3>
                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
                        <address>
                            <strong>Twitter, Inc.</strong><br>
                            795 Folsom Ave, Suite 600<br>
                            San Francisco, CA 94107<br>
                            <abbr title="Phone">P:</abbr> (123) 456-7890
                        </address>
                    </div>
                    <div class="clearfix"></div>
                        </a>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="contact-box">
                    <a href="profile.html">
                    <div class="col-sm-4">
                        <div class="text-center">
                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a6.jpg">
                            <div class="m-t-xs font-bold">Graphics designer</div>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <h3><strong>Janet Carton</strong></h3>
                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
                        <address>
                            <strong>Twitter, Inc.</strong><br>
                            795 Folsom Ave, Suite 600<br>
                            San Francisco, CA 94107<br>
                            <abbr title="Phone">P:</abbr> (123) 456-7890
                        </address>
                    </div>
                    <div class="clearfix"></div>
                        </a>
                </div>
            </div>

        </div>
        </div>
        <div class="footer">
            <div class="pull-right">
                10GB of <strong>250GB</strong> Free.
            </div>
            <div>
                <strong>Copyright</strong> Example Company &copy; 2014-2015
            </div>
        </div>
        -->
        </div>
        </div>
</div>
    <!-- Mainly scripts -->
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>
    <script>
        $("#maintab li").click(function(){
            var index=$(this).index();
            $(this).attr('class','col-xs-2 btn btn-sm btn-success').siblings('li').attr('class','col-xs-2 btn btn-sm btn-default');
            $('.tab-content').eq(index).show().siblings('.tab-content').hide();
        });
    </script>

</body>

</html>
